<template>
  <div id="tabbar">
    <van-tabbar route active-color="#e9e0bb">
      <van-tabbar-item icon="xihuan" icon-prefix="icon" to='/home'>猜你喜欢</van-tabbar-item>
      <van-tabbar-item icon="fenlei" icon-prefix="icon" to='/cate'>分类</van-tabbar-item>
      <van-tabbar-item icon="paihangbang" icon-prefix="icon" to='/rank'>排行榜</van-tabbar-item>
      <van-tabbar-item icon="gouwuche" icon-prefix="icon" to='/cart' :badge="$store.state.cart.number" >购物车</van-tabbar-item>
      <van-tabbar-item icon="wode" icon-prefix="icon" to="/user">我的易购</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data () {
    return {
    }
  }
}
</script>

<style lang="scss" scoped>
#tabbar{
  /deep/ .icon{
    font-size: .48rem;
  }
}
.van-tabbar{
 height:1rem ;
 padding-bottom: .2rem;
}
.van-tabbar-item{
  font-size: .2rem;
}
/deep/ .van-tabbar-item .van-info{
  z-index: 1000;
}
</style>
